<div class="col_02" id="rightside">
	<div class="col_02_01" id="sysContent_box">
		<div class="main-wrap">
			<div class="m-t">
				<h2>Add Recruiters to ER Job Req# {$smarty.get.id}</h2>
			</div>
			<div class="m-c">
			{if $contacts|@count == 0 && $friends|@count == 0}
				<p class="title1" style="color:red;font-size:12px">You have no connections.</p>
				<input onclick="history.go(-1)" type="button" value="Back" class="button-secondary"/>
			{else}
			<form action="" method="post">
				<table width="100%" cellspacing="1" cellpadding="4" border="0" >
					<tr>
						<td style="border:0">
						<b>Recruiters Connected to Me</b>
						</td>
						<td style="border:0">
						</td>
						<td style="border:0">
						<b>Add to Approved Recruiter List</b>
						</td>
					</tr>
					<tr>
						<td style="border:0" width="30%" align="center" height="150">
							<select id="contact_list" name="contact_list[]" multiple="multiple" style="width:100%;height:150px;">
							{foreach from=$contacts item=contact}
							<option value="{$contact.myc_fid}" name="contacts[]">{$contact.myc_firstname} {$contact.myc_lastname} ({$contact.myc_email})</option>
							{/foreach}
							</select>
						</td>
						<td style="border:0" align="center" width="10%">
							<input type="button" id="add" value="Add >>" style="width:100%" class="button-secondary"/>
							<br/>
							<br/>
							<input type="button" id="delete" value="<< Remove" style="width:100%" class="button-secondary"/>
						</td>
						<td style="border:0" class="black" width="30%" align="center">
						<select id="select_list" name="select_list[]" multiple="multiple" style=" width:100%;height:150px;">
						{foreach from=$friends item=friend}
						<option value="{$friend.myc_fid}">{$friend.myc_firstname} {$friend.myc_lastname} ({$friend.myc_email})</option>
						{/foreach}
						</select>
						</td>
					</tr>
					<tr>
					<td style="border:0;">
					&nbsp;
					</td>
					<td style="border:0;text-align:center">
					<input id="submit" type="submit" value="Submit" class="button-secondary" />
					</td>
					<td style="border:0;text-align:center">
					<a style="text-decoration:underline" href="./contactapproved.php?&id={$smarty.get.id}&tpp=posted">View Approved Recruiters</a>
					</td>
					</tr>
				</table>
			</form>
			{/if}
			</div>
	</div>
</div>
<div class="col_02_02" id="side_box">
	<div class="signIn">
		<h2 class="m_t m_t_gray">Member  Center</h2>
		<div class="m_c">
			<div class="mySigned" id="J_sign_form">
				<div id="loginboxx">
					<p class="info">Welcome, <span class="u_name">{$uname}</span>!</p>
					<p class="lnk_panel"><a href="settings.php" class="lnk_arrow">My Account</a></p>

					<p class="lnk_panel"><a href="#" onclick="return ajax_out()" class="lnk_arrow">Sign Out</a><div id="loadp"></div></p>
				</div>
			</div>
		</div>
		<div class="m_f"></div>
	</div>
</div>
</section>

{literal}
<script type="text/javascript">
$(function(){
    //$('#submit').attr('disabled', 'disabled');
　　$("#add").click(function(){
　　　　　　　if($("#contact_list option:selected").length>0)
　　　　　　　{
　　　　　　　　　　　$("#contact_list option:selected").each(function(){
　　　　　　　　　　　　　　$("#select_list").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option");
　　　　　　　　　　　　　　$(this).remove();　
　　　　　　　　　　　})
　　　　　　　}
	      //submit_enable();
　　　});
    $("#delete").click(function(){
　　　　　　　　　　　if($("#select_list option:selected").length>0)
　　　　　　　　　　　{
　　　　　　　　　　　　　　　$("#select_list option:selected").each(function(){
　　　　　　　　　　　　　　　　　　　　　$("#contact_list").append("<option value='"+$(this).val()+"'>"+$(this).text()+"</option");
　　　　　　　　　　　　　　　　　　　　　$(this).remove();　
　　　　　　　　　　　　　　　})
　　　　　　　　　　　}
		      //submit_enable();
　　});
    $('#submit').click(function(){
		$("#select_list option").attr('selected','');
		$("#contact_list option").attr('selected','');
    });
    function submit_enable() {
	if($("#select_list option").length>0) {
		$('#submit').removeAttr('disabled');
	}else{
		$('#submit').attr('disabled', 'disabled');
	}
    }
});
</script>

{/literal}